<div id="index-carousel" class="carousel slide" data-ride="carousel">
	<ol class="carousel-indicators">
		{func model=app action=get_ad item=ad_list code="indexad"}
		{foreach from=$ad_list item=ad name=indexad}
		
			<li data-target="#index-carousel" data-slide-to="{$smarty.foreach.indexad.index}" class="{if $smarty.foreach.indexad.index==0} active{/if}"></li>
		
		{/foreach}
	</ol>
	<div class="carousel-inner">
        
        {foreach from=$ad_list item=ad name=indexad}
		<div class="item {if $smarty.foreach.indexad.index==0} active{/if}">
			
		<img  src="{$ad.pic_path}" alt="{$ad.title}" width="100%">
		</div>
		{/foreach}
	</div>

	<a class="left carousel-control" href="#index-carousel" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</a>
	<a class="right carousel-control" href="#index-carousel" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</a>
</div> <!-- index-carousel -->
{func model=app action=get_ad item=ad code="indexcontent"}
<div class="row">
	<div class="col-md-4 trim-col">
		<div class="show-block">
			<img class="lazy" src="{$_C['hy_path']}images/loading.gif" data-original="{$ad.0.pic_path}">
			<noscript><img src="{$ad.0.pic_path}" alt="{$ad.0.title}" width="100%"></noscript>
			<div class="show-block-mask"><a target="_blank" href="{$ad.0.url}"></a></div>
			<div class="show-block-cover">
				<div class="show-block-title">{$ad.0.ch_title}</div>
				<div class="show-block-extra">
					<a target="_blank" href="{$ad.0.url}">{$ad.0.en_title}</a>
				</div>
			</div>
		</div>
		<div class="show-block">
			<img src="{$ad.4.pic_path}" alt="{$ad.4.title}" width="100%">
			<div class="show-block-mask"><a target="_blank" href="{$ad.4.url}"></a></div>
			<div class="show-block-cover">
				<div class="show-block-title">{$ad.4.ch_title}</div>
				<div class="show-block-extra">
					<a target="_blank" href="{$ad.4.url}">{$ad.4.en_title}</a>
				</div>
			</div>
		</div>
		<div class="show-block">
			<a href="/weathercock/photo/index.html"><img src="{$_C['hy_path']}images/collocation.jpg" alt="show block image" width="100%"></a>
		</div>
		<div class="show-block">
			<img src="{$ad.7.pic_path}" alt="{$ad.7.title}" width="100%">
			<div class="show-block-mask"><a target="_blank" href="{$ad.7.url}"></a></div>
			<div class="show-block-cover">
				<div class="show-block-title">{$ad.7.ch_title}</div>
				<div class="show-block-extra">
					<a target="_blank" href="{$ad.7.url}">{$ad.7.en_title}</a>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-8 trim-col">
		<div class="show-block">
			<img src="{$ad.1.pic_path}" alt="{$ad.1.title}" width="100%">
			<div class="show-block-mask"><a target="_blank" href="{$ad.1.url}"></a></div>
			<div class="show-block-cover">
				<div class="show-block-title">{$ad.1.ch_title}</div>
				<div class="show-block-extra">
					<a target="_blank" href="{$ad.1.url}">{$ad.1.en_title}</a>
				</div>
			</div>
		</div>

		<div class="show-block-group">
			<div class="show-block show-block-mid">
			<img src="{$ad.2.pic_path}" alt="{$ad.2.title}" width="100%">
			<div class="show-block-mask"><a target="_blank" href="{$ad.2.url}"></a></div>
			<div class="show-block-cover">
				<div class="show-block-title">{$ad.2.ch_title}</div>
				<div class="show-block-extra">
					<a target="_blank" href="{$ad.2.url}">{$ad.2.en_title}</a>
				</div>
			</div>
		</div>
		<div class="show-block show-block-mid">
			<img src="{$ad.3.pic_path}" alt="{$ad.3.title}" width="100%">
			<div class="show-block-mask"><a target="_blank" href="{$ad.3.url}"></a></div>
			<div class="show-block-cover">
				<div class="show-block-title">{$ad.3.ch_title}</div>
				<div class="show-block-extra">
					<a target="_blank" href="{$ad.3.url}">{$ad.3.en_title}</a>
				</div>
			</div>
		</div>
			
			<div class="clearfix"></div>
		</div>

		<div class="show-banner">
			<div class="show-banner-issue">ALT SPRING 2015 ISSUE</div>
			<div class="show-banner-num">NO.015</div>
			<img src="{$_C['hy_path']}images/fashion.jpg" width="100%" alt="fashion">
		</div>

		<div class="show-block-group">
			<div class="show-block show-block-mid">
				<img src="{$_C['hy_path']}images/clip.jpg" alt="show block image" width="100%">
			</div>
			<div class="show-block show-block-mid">
			<img src="{$ad.5.pic_path}" alt="{$ad.5.title}" width="100%">
			<div class="show-block-mask"><a target="_blank" href="{$ad.5.url}"></a></div>
			<div class="show-block-cover">
				<div class="show-block-title">{$ad.5.ch_title}</div>
				<div class="show-block-extra">
					<a target="_blank" href="{$ad.5.url}">{$ad.5.en_title}</a>
				</div>
			</div>
		</div>
			<div class="clearfix"></div>
		</div>

		<div class="show-block-group">
			
			<div class="show-block show-block-lg">
			<img src="{$ad.6.pic_path}" alt="{$ad.6.title}" width="100%">
			<div class="show-block-mask"><a target="_blank" href="{$ad.6.url}"></a></div>
			<div class="show-block-cover">
				<div class="show-block-title">{$ad.6.ch_title}</div>
				<div class="show-block-extra">
					<a target="_blank" href="{$ad.6.url}">{$ad.6.en_title}</a>
				</div>
			</div>
		</div>
			<div class="show-block show-block-sm">
				<a target="_blank"  href="/memorabilia/article/page.html">
					<img src="{$_C['hy_path']}images/origin.jpg" alt="show block image" width="100%">
					</a>
			</div>
			<div class="clearfix"></div>
		</div>

		<div class="show-block">
			<img src="{$ad.8.pic_path}" alt="{$ad.8.title}" width="100%">
			<div class="show-block-mask"><a target="_blank" href="{$ad.8.url}"></a></div>
			<div class="show-block-cover">
				<div class="show-block-title">{$ad.8.ch_title}</div>
				<div class="show-block-extra">
					<a target="_blank" href="{$ad.8.url}">{$ad.3.en_title}</a>
				</div>
			</div>
		</div>
	</div>
</div>